.contain{
	width:100%;
	overflow:hidden;
	padding-bottom:100rpx;
	.search{
		border:1px solid red;
	}
	.head{
		position: relative;
		height:300rpx;
		background: linear-gradient(to bottom,#60c6fb,#3C9CFF);
		overflow:hidden;
		.user{
			position: absolute;
			top:150rpx;
			left:180rpx;		
			z-index:2;
			image{
				width:250rpx;
				height:65rpx;
			}
		}
		.avatar{
			position: absolute;
			top:90rpx;
			left:30rpx;
			z-index:2;
			width:130rpx;
			height:130rpx;
			box-sizing:border-box;
			/* background:#FEEBCE; */
			border-radius:100%;
			padding:5px;
			image{
				width:100rpx;
				height:100rpx;
			}
		}
		.textword{
			position: absolute;
			top:175rpx;
			left:38rpx;
			z-index:2;
			text{
				margin-right:15rpx;
				color:#FFF;
				font-size:24rpx;
				opacity: 0.8;
				font-style: oblique;  //italic
			}
		}
		.bg1{
			position:absolute;
			right:0px;
			top:38px;
			z-index:1;
			//transform: rotate(0deg);
			image{
				width:220rpx;
				height:220rpx;
				opacity: 0.7;
			}
		}
	}
	.contact{
		background:#F6A62F;  
		@apply p-1;
		.bodyshow{
			background:#FFF;
			padding-bottom:100rpx;
			@apply flex justify-center items-center flex-col;
			.btitle{ 
				background: #E5681A; border-radius:60rpx;
				@apply my-2
			}
			
		}
	}
	.uswiper{
		box-sizing:border-box;
		margin:20rpx auto;
		margin-top:0rpx auto;
		margin-bottom:5rpx;
		width:95%;
		overflow:hidden;
	}
	.videoPlay{
		/* border:2px solid red; */
		box-sizing:border-box;
		padding:0px 20rpx;
	}
	#myVideo{
		height:130px;
	}
	.popPage{
		box-sizing:border-box;
		padding:30rpx;
	}
}
.boxView{
	@apply flex-1 flex-col justify-center items-center shadow-md text-white rounded h-24 pb-1
}
.fimg{
	@include flex-center;
	@apply flex-1 justify-center items-center place-content-center m-1
}
.fword{
	@apply flex-1 justify-center items-center text-center text-stone-800 text-sm
}

.leftRight{
	background:$wujin-theme-bg-color;  /*主题背景颜色*/
	@apply grid grid-cols-2 h-[240rpx] overflow-hidden
}
.imageView{
	@apply flex justify-center items-center h-[240rpx]
}
	 
.leftmidRight{
	background:$wujin-theme-bg-color;  /*主题背景颜色*/
	@apply flex justify-between gap-1
}

.fourBoard{
	background:$wujin-theme-bg-color;  /*主题背景颜色*/
	@apply grid grid-cols-2 gap-2	
}
.fourView{
	@apply flex-1 flex-col justify-center items-center h-[188rpx] pb-1
}

.GridBox{
	margin:0 auto;
	width:95%;
	background:#fff;
	padding:15rpx;
	border-radius:8px;
	margin-top:0rpx;
	@apply shadow-md;
	.gtitle{
		@apply flex flex-row items-center;
		padding-bottom:15rpx;
		border-bottom:1px solid #f8f8f8;
		margin-bottom:0rpx;
	}
	.desc{
		margin:0 auto;
		width:95%;
		text{
			line-height:1.5em;
		}
	}
	.Night{
		@apply mt-1 grid grid-cols-3 gap-1;
		.gridbg{
			border-radius: 8px;
			margin-bottom:0rpx;
			@apply flex justify-center items-center bg-indigo-950 text-center text-white h-[200rpx] flex-col;
			.wordText{ margin-bottom:10rpx; }
			.iconsbg{
				@apply flex justify-center items-center;
				width:105rpx;
				height:105rpx;
				margin-bottom:10rpx;
				background:#FFF;
				border-radius:100%;
				box-sizing:border-box;
				padding:20rpx;
				image{
					width:60rpx;
					height:60rpx;
				}				
			}
		}
	}	
	
	.bgColor1{
		background:#66CCFF !important;
	}
	.bgColor2{
		background:#BF8E58 !important;
	}
	.bgColor3{
		background:#FF818A !important;
	}
	.bgColor4{
		background:#66CB98 !important;
	}
	.bgColor5{
		background:#536FFF !important;
	}
	
} /* GridBox End */


.gridbg{
	@apply flex justify-center items-center h-[242rpx]
}




@media screen and (min-height: 600px){
	.head{ 
		//border:10px solid red;
		height:210rpx !important; 
		.user{
			top:70rpx !important;
		}
		.avatar{
			top:40rpx !important;
		}
	}
	.Night{
		.gridbg{
			height:180rpx !important;
			.wordText{ margin-top:5rpx; font-size:30rpx; }
			.iconsbg{
				width:40rpx;
				height:140rpx;
				image{
					width:60rpx;
					height:60rpx;
				}	
			}
		}
	}
	// .uswiper{
	// 	margin-top:0rpx auto !important;
	// }
	#myVideo{
		height:100px !important;
	}
}


//iPhone 6/7/8 Plus
@media screen and (min-height: 650px){
	.head{ 
		//border:10px solid black;
		height:220rpx !important; 
		.user{
			top:70rpx !important;
		}
		.avatar{
			top:50rpx !important;
		}
	}
	.Night{
		.gridbg{
			height:180rpx !important;
			.wordText{ margin-top:5rpx; font-size:30rpx; }
			.iconsbg{
				width:30rpx;
				height:130rpx;
				image{
					width:60rpx;
					height:60rpx;
				}	
			}
		}
	}
	#myVideo{
		height:120px !important;
	}
}



//iphone 13
@media screen and (min-height: 700px){
	.head{ 
		//border:10px solid yellow;
		height:300rpx !important; 
		.user{
			top:138rpx !important;
		}
		.avatar{
			top:110rpx !important;
		}
		.textword{
			top:250rpx !important;
		}
	}
	.Night{
		.gridbg{
			height:190rpx !important;
			.wordText{ margin-top:5rpx; font-size:30rpx; }
			.iconsbg{
				width:50rpx;
				height:150rpx;
				image{
					width:60rpx;
					height:60rpx;
				}	
			}
		}
	}
	.uswiper{
	   margin:0 auto !important;
	   margin-top:10rpx !important;
	}
	.videoPlay{
	   margin-top:10rpx;
	}
	#myVideo{
		height:140px !important;
	}
}


// 安卓 360 x 710
//(min-height: 800px) and (max-height: 940px)
@media screen and (max-width: 360px) and (max-height: 710px){		
	.head{
		//border:10px solid orange;
		height:250rpx !important; 
		.user{
			/* border:3px solid orange; */
			top:90rpx !important;
		}
		.avatar{
			top:50rpx !important;
		}
		.textword{
			top:200rpx !important;
		}
	}
	.Night{
		.gridbg{
			height:190rpx !important;
			.wordText{ margin-top:5rpx; font-size:30rpx; }
		}
	}
	.uswiper{
	   margin:0 auto !important;
	   margin-top:5rpx !important;
	}
	.videoPlay{
	   margin-top:5rpx;
	}
	#myVideo{
		height:115px !important;
	}
}

//iphone6
@media screen and (min-width: 375px) and (max-height: 667px){	
	.head{
		// border:10px solid blue;
		height:220rpx !important; 	
		.user{
			top:70rpx !important;
		}
	}
}


//iphone6 Plus
@media screen and (min-width: 414px) and (max-height: 896px){	
	.head{
		//border:10px solid green;
	}
	#myVideo{
		height:175px !important;
	}
}
	
//iphone6 Plus
@media screen and (min-width: 414px) and (max-height: 736px){	
	.head{
		border:0px;
		height:220rpx !important; 	
		.user{
			top:80rpx !important;
			left:170rpx !important;		
		}
	}
	.uswiper{
	   margin:20rpx auto !important;
	   margin-bottom:5rpx !important;
	}
	#myVideo{
		height:100px !important;
	}
}





	


	


	
	
	

/* @media screen and (max-width: 320px){

}	
//手机端
@media screen and (min-width: 375px){	

}	
//手机端
@media screen and (min-width: 375px) and (max-width: 500px){	
	
}	
//ipad
@media screen and (min-width: 750px){
}
//ipad
@media screen and (min-width: 834px){	

} */